<!DOCTYPE html>
<html lang="en">
<head>
    <title>个人中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="薄荷单车 个人中心" />
    <meta name="description" content="薄荷单车 个人中心">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <meta name="applicable-device" content="mobile" />
    <meta name="viewport" content="minimal-ui=yes,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" type="text/css" href="css/style.css" />

</head>
<body style="background: #000">
    <section class="personal-info center" >
      

        <div class="info-middle">
          <img class="avatar" src="images/toux.jpg" alt="">
            <img class="edit" src="images/edit.png" alt="">
            <div class="detabox">
                <div class="deta1 left">
                    <p>累计骑行</p>
                    <p>1km</p>
                </div>

                <div class="deta1 left">
                    <p>节约碳排放量</p>
                    <p>10kg</p>
                </div>

                <div class="deta1 deta2 left">
                    <p>运动成就</p>
                    <p>152cal</p>
                </div>
            </div>

        </div>
        <div class="infoform">
            <div class="toux">
                <span>我的钱包</span>
                <img class="arrow" src="images/arrow-right.png" alt="">
            </div>

            <div class="toux">
                <span>我的行程</span>
                <img class="arrow" src="images/arrow-right.png" alt="">
            </div>

            <div class="toux">
                <span>邀请好友</span>
                <img class="arrow" src="images/arrow-right.png" alt="">
            </div>

            <div class="toux">
                <span>用户指南</span>
                <img class="arrow" src="images/arrow-right.png" alt="">
            </div>

        </div>

        <div class="center-btn">
            <button>退出登录</button>
        </div>

    </section>






</body>

</html>